<%-- 
    Document   : list
    Created on : 22 Apr 10, 0:17:22
    Author     : Jiwandono
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>List</title>
        <link rel="stylesheet" href="includes/css/resetter.css" type="text/css"/>
        <link rel="stylesheet" href="includes/css/ichat.css" type="text/css"/>
        <link href="includes/sitemapstyler/sitemapstyler.css" rel="stylesheet" type="text/css" media="screen" />
        <script type="text/javascript" src="includes/sitemapstyler/sitemapstyler.js"></script>
    </head>
    <body>
        <div id="wrap">
            <div id="top">
                <div class="container"><a href="logoutServlet">LogOut</a></div>
            </div>
            <div class="container">
                <img src="includes/img/logo.png" alt="ichat"/>
                <div class="tab">
                    <div>
                        <div class="tab_child cur" id="roomList">Room List</div>
                        <div id="chat" style="width:1024px; text-align:left; float:left">
                            <div class="left">
                                <ul id="sitemap">
                                    <li id="fak">STEI
                                        <ul>
                                            <li id="jur">Teknik Informatika
                                                <ul>
                                                    <li><a href="#">progin</a></li>
                                                    <li><a href="#">intelegensi</a></li>
                                                    <li><a href="#">sister</a></li>
                                                </ul>
                                            </li>
                                            <li id="fak">Teknik Elektro
                                                <ul>
                                                    <li><a href="#">dre</a></li>
                                                    <li><a href="#">re</a></li>
                                                    <li><a href="#">e</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Room-STEI1</a></li>
                                            <li><a href="#">Room-STEI2</a></li>
                                        </ul>
                                    </li>
                                    <li id="fak">FTSL
                                        <ul>
                                            <li><a href="#">Room-FTSL1</a></li>
                                            <li><a href="#">Room-FTSL2</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="right">
                                <div class="chatbox">
                                    <div class="chatbox_content">
                                        blabla
                                    </div>
                                    <input type="text" style="width: 98%"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="tab_child cur">ROOM</div>
                        <div id="chat" style="width:1024px; text-align:left; float:left; display: none;">
                            <div class="left">
                                
                            </div>
                            <div class="right">
                                <div class="chatbox">
                                    <div class="chatbox_content">
                                        blabla
                                    </div>
                                    <input type="text" style="width: 98%"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="container">
                <span class="highlight-color">Copyright &copy; 2010 Informatika ITB</span>
            </div>
        </div>
    </body>
</html>
